<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>浏览记录</title>
    <script type="text/javascript">
        var dataListUrl="http://192.168.0.25:81"
    </script>
    <script src="${rootPath}/static/js/mui.pullToRefresh.js"></script>
    <script src="${rootPath}/static/js/mui.pullToRefresh.material.js"></script>
    <script src="${rootPath}/static/js/paginationRequest.js"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white qy-border-bottom">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/center.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">浏览记录</h1>
    <span class="mui-btn-link mui-pull-right qy-font-size-16px qy-text-black qy-margin-left-14px">编辑</span>
    <span class="mui-btn-link mui-pull-right qy-font-size-16px qy-text-black">清空</span>
</header>
<nav class="mui-bar mui-bar-tab qy-border-top qy-bg-white qy-flex qy-flex-text-between qy-padding-left-12px" v-show="true">
    <div class="mui-checkbox qy-flex qy-full-height">
        <input name="checkbox" value="Item 1" type="checkbox" >
        <label class="qy-padding-vertical-14px qy-font-size-14px qy-text-black">全选</label>
    </div>
    <div class="qy-full-height">
        <input type="button" value="删除" class="qy-no-borderRadius qy-padding-vertical-26px qy-bg-red qy-no-border qy-full-height qy-font-size-18px qy-text-white"/>
    </div>
</nav>
<div class="mui-content">
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll qy-padding-vertical-14px qy-padding-horizontal-8px" id="vueListBox0">
            <div class="">
                <time class="qy-block qy-padding-left-30px qy-font-size-16px">今天</time>
                <ul class="qy-no-liststyle qy-no-padding qy-no-margin mui-table-view">
                    <li class="mui-row qy-flex qy-margin-horizontal-4px">
                        <div class="mui-col-xs-1 mui-checkbox qy-text-center" v-show="false">
                            <input name="checkbox" value="v" type="checkbox" />
                        </div>
                        <a class="qy-block mui-col-xs-12 qy-bg-white qy-flex qy-padding-vertical-14px qy-padding-horizontal-10px">
                            <div class="">
                                <img src="${rootPath}/static/imgs/CardImg.png" width="100%" />
                            </div>
                            <div class="qy-margin-left-24px qy-full-width">
                                <div class="qy-margin-top-4 qy-font-size-18px qy-text-black">好话体检项目</div>
                                <div class="qy-margin-horizontal-4 font-size-16 qy-text-label">仁爱医院</div>
                                <div class="qy-flex qy-flex-text-between qy-margin-top-8">
                                    <span class="qy-text-red font-size-18"><small>&yen;</small>6669.35</span>
                                    <small class="qy-text-warning">评分4.5</small>
                                </div>
                                <div class="qy-flex qy-flex-text-between">
                                    <del class="font-size-12 qy-text-label">&yen;222.33</del>
                                    <span class="font-size-16 qy-text-label">五华区/5.00km</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="qy-no-bg mui-table-view-cell qy-margin-horizontal-8 qy-flex qy-flex-text-between">
                        <%--<div class="mui-checkbox qy-flex qy-padding-right-30px">
                            <input name="checkbox" value="Item 1" type="checkbox" />
                        </div>--%>
                        <a href="${rootPath}/wap/seller/gotoSellerDetail.do?sellerId=1" class="qy-bg-white">
                            <div class="mui-row">
                                <div class="mui-col-xs-3">
                                    <img width="90%" src="${rootPath}/static/imgs/CardImg.png" />
                                </div>
                                <div class="mui-col-xs-9">
                                    <div class="qy-flex qy-flex-text-between qy-flex-text-top">
                                        <span class="qy-padding-right-8">ele.name</span>
                                        <span>
                                            <i class="qy-text-icon">label.classPropertyFont</i>
                                        </span>
                                    </div>
                                    <div class="qy-flex qy-margin-top-8">
                                        <small class="qy-text-label qy-icon-stethophone">体检套餐</small>
                                        <small class="qy-text-black qy-padding-vertical-8">ele.productCount</small>
                                    </div>
                                    <div class="qy-flex">
                                        <small class="qy-text-warning">评分</small>
                                        <small class="qy-text-warning qy-padding-vertical-8">ele.commentScore</small>
                                    </div>
                                    <div class="qy-flex qy-flex-text-between qy-flex-text-bottom">
                                        <small class="qy-text-label">ele.address</small>
                                        <span class="qy-text-red qy-flex qy-padding-left-8">
                                        <small>¥</small>
                                        <b class="">ele.initiatePric</b>
                                        <small>起</small>
                                    </span>
                                    </div>
                                    <div class="qy-flex qy-border-top qy-flex-text-between qy-flex-text-bottom">
                                        <small class="qy-text-black">ele.businessHours</small>
                                        <small class="qy-icon-downArrowSolid qy-flex ">预约时间</small>
                                    </div>
                                    <div class="qy-flex qy-border-top qy-flex-text-between qy-flex-text-top">
                                        <div>
                                            <div class="qy-flex">
                                                <span>
                                                    <small class="qy-text-icon qy-bg-success">满</small>
                                                    <small>coupon.name</small>
                                                </span>
                                                <span>
                                                    <small class="qy-text-icon qy-bg-success">折</small>
                                                    <small>coupon.name</small>
                                                </span>
                                                <span>
                                                    <small class="qy-text-icon qy-bg-success">现</small>
                                                    <small>coupon.name</small>
                                                </span>
                                            </div>
                                        </div>
                                        <small class="qy-icon-downArrowSolid qy-flex">ele.coupons.length个活动</small>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>